<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" /> 
    <meta name="format-detection" content="telephone=no" /> 
    <title>聚媒招贤纳士</title>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../style/phone.css" />
    <link rel="stylesheet" href="../style/personnel.css" />
    <link rel="stylesheet" href="../style/top-foot_phone.css" />
    <style>
        .yon-yd-son h1 {
            font-size: 16px;
            color: #fff;
            font-weight: bold;
        }

        .yon-yd-son h2 {
            width: 68px;
            border: 2px solid #fff;
            margin: 10px 0;
        }

        .yon-yd-son p {
            color: #fff;
            font-size: 12px;
            line-height: 20px;
        }

        .yon-yd-son a {
            width: 100px;
            height: 30px;
            line-height: 30px;
            border: 1px solid #fff;
            float: right;
            text-align: center;
            font-size: 16px;
            color: #fff;
            padding: 0;
            position: absolute;
            right: 30px;
            bottom: 30px;
        }
        .yon-yd-son div {
            width: 30px;
            height: 30px;
            line-height: 30px;
            float: right;
            text-align: center;
            font-size: 20px;
            color: #fff;
            padding: 0;
            position: absolute;
            right: 10px;
            top: 0;
        }
    </style>
</head>

<body style="background-color:#f4f4f4;">
    <div class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <div class="index-banner">
                        <img src="../img/personnel/banner.jpg" alt="">
                    </div>
                    <div class="phone-personnel text-center">
                        <div class="phone-personnel-a">
                            <h1>欢迎加入我们！</h1>
                            <p>如果你的人生草原不够辽阔，觅食的草地不够肥沃，奔驰的速度不够驰骋……来吧！伙伴们，橘色科技会给你不一样的！我们有足够的舞台，我们有懂得欣赏你的观众！We need you!</p>
                        </div>
                        <div class="phone-personnel-b">
                            <div class="row">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--模态框-->
    <div class="case-model">
        <div class="case-model-content">
            <div class="yon-yd-son" style="height: 360px;width:100%;padding: 20px;background: #ff2333;position: fixed;top:20%;">
                <div onclick="missdiv(event)">X</div>
                <h1></h1>
                <h2></h2>
                <p></p>
                <a href="">详细要求</a>
            </div>
        </div>
    </div>
        <script src="../js/jquery-1.10.2.min.js"></script>
        <script src="../js/bootstrap.min.js"></script>
        <script src="../script/top-foot_phone.js"></script>
        <script src="../script/personnel.js"></script>
</body>

</html>